<template>
  <div>
    <h1>About组件</h1>
  </div>
</template>

<script>
export default {
  // 组件内路由守卫
  beforeRouteEnter(to, from, next) {
    // 路由切换进入到当前组件之前
    // to 目标路由对象
    // from 起始路由对象
    // next 是否可以进入当前组件
    localStorage.getItem('token') ? next() : next('/login')
  },
  beforeRouteLeave(to, from, next) {
    // 路由切换,从这个组件离开之前
    // to 目标路由对象
    // from 起始路由对象
    // next 是否可以离开当前组件
    console.log(to, from)
    next()
  },
}
</script>

<style></style>
